<h1>Using Smilies (emoticons)</h1>

<!-- Note, this file is no loger used in HEAD, it has been replaced by emoticons2.html
which uses a dynamically buils list of smilies. The purpose of this note is to
point out that it is not a problem that none fo the href="javascript:inserttext('...')"
links work any more in HEAD. See MDL-16654. -->

<table align="center" border="1">
  <tbody><tr valign="top">
    <td>
    <table align="center" border="0" cellpadding="5">
    <tbody><tr>
      <td><a href="javascript:inserttext(':-)')"><img src="emoticons_files/smiley.html" class="icon" alt=""></a></td>
      <td>smile</td>
      <td><code>:-)</code></td>
    </tr>
    <tr>
      <td><a href="javascript:inserttext(':-D')"><img src="emoticons_files/biggrin.html" class="icon" alt=""></a></td>
      <td>big grin</td>
      <td><code>:-D</code></td>
    </tr>
    <tr>
      <td><a href="javascript:inserttext(';-)')"><img src="emoticons_files/wink.html" class="icon" alt=""></a></td>
      <td>wink</td>
      <td><code>;-)</code></td>
    </tr>
    <tr>
      <td><a href="javascript:inserttext(':-/')"><img src="emoticons_files/mixed.html" class="icon" alt=""></a></td>
      <td>mixed</td>
      <td><code>:-/</code></td>
    </tr>
    <tr>
      <td><a href="javascript:inserttext('V-.')"><img src="emoticons_files/thoughtful.html" class="icon" alt=""></a></td>
      <td>thoughtful</td>
      <td><code>V-.</code></td>
    </tr>
    <tr>
      <td><a href="javascript:inserttext(':-P')"><img src="emoticons_files/tongueout.html" class="icon" alt=""></a></td>
      <td>tongue out</td>
      <td><code>:-P</code></td>
    </tr>
    <tr>
      <td><a href="javascript:inserttext('B-)')"><img src="emoticons_files/cool.html" class="icon" alt=""></a></td>
      <td>cool</td>
      <td><code>B-)</code></td>
    </tr>
    <tr>
      <td><a href="javascript:inserttext('^-)')"><img src="emoticons_files/approve.html" class="icon" alt=""></a></td>
      <td>approve</td>
      <td><code>^-)</code></td>
    </tr>
    <tr>
      <td><a href="javascript:inserttext('8-)')"><img src="emoticons_files/wideeyes.html" class="icon" alt=""></a></td>
      <td>wide eyes</td>
      <td><code>8-)</code></td>
    </tr>
    <tr>
      <td><a href="javascript:inserttext('8-o')"><img src="emoticons_files/surprise.html" class="icon" alt=""></a></td>
      <td>surprise</td>
      <td><code>8-o</code></td>
    </tr>
    </tbody></table>
  </td>

  <td>
    <table align="center" border="0" cellpadding="5">
    <tbody><tr>
      <td><a href="javascript:inserttext(':-(')"><img src="emoticons_files/sad.html" class="icon" alt=""></a></td>
      <td>sad</td>
      <td><code>:-(</code></td>
    </tr>
    <tr>
      <td><a href="javascript:inserttext('8-.')"><img src="emoticons_files/shy.html" class="icon" alt=""></a></td>
      <td>shy</td>
      <td><code>8-.</code></td>
    </tr>
    <tr>
      <td><a href="javascript:inserttext(':-I')"><img src="emoticons_files/blush.html" class="icon" alt=""></a></td>
      <td>blush</td>
      <td><code>:-I</code></td>
    </tr>
    <tr>
      <td><a href="javascript:inserttext(':-X')"><img src="emoticons_files/kiss.html" class="icon" alt=""></a></td>
      <td>kisses</td>
      <td><code>:-X</code></td>
    </tr>
    <tr>
      <td><a href="javascript:inserttext(':o)')"><img src="emoticons_files/clown.html" class="icon" alt=""></a></td>
      <td>clown</td>
      <td><code>:o)</code></td>
    </tr>
    <tr>
      <td><a href="javascript:inserttext('P-|')"><img src="emoticons_files/blackeye.html" class="icon" alt=""></a></td>
      <td>black eye</td>
      <td><code>P-|</code></td>
    </tr>
    <tr>
      <td><a href="javascript:inserttext('8-[')"><img src="emoticons_files/angry.html" class="icon" alt=""></a></td>
      <td>angry</td>
      <td><code>8-[</code></td>
    </tr>
    <tr>
      <td><a href="javascript:inserttext('xx-P')"><img src="emoticons_files/dead.html" class="icon" alt=""></a></td>
      <td>dead</td>
      <td><code>xx-P</code></td>
    </tr>
    <tr>
      <td><a href="javascript:inserttext('|-.')"><img src="emoticons_files/sleepy.html" class="icon" alt=""></a></td>
      <td>sleepy</td>
      <td><code>|-.</code></td>
    </tr>
    <tr>
      <td><a href="javascript:inserttext('}-]')"><img src="emoticons_files/evil.html" class="icon" alt=""></a></td>
      <td>evil</td>
      <td><code>}-]</code></td>
    </tr>
    </tbody></table>
    </td>
  </tr>
</tbody></table>

<p>When writing online, it can sometimes difficult to express emotion with plain text.
   These little icons can help.  </p>
   
<p>To insert these icons in your text: just click the icon above, or type the associated text code directly in your text.</p>

<p>Note that the codes themselves are like little pictures - just turn your head to the left when looking at them</p>

